<div class="nino-otherSettingsItem nino-globalSettings clearafter nino-hidden">
	<div class="nino-otherSettingsNav">
		<span class="nino-icon fa fa-angle-left"></span>
		
		<!-- Nav tabs -->
		<ul class="nav nav-tabs" role="tablist">
			<li><a href="#nino-globalFormSettings" role="tab" data-toggle="tab">Form</a></li>
			<li><a href="#nino-globalFieldSettings" role="tab" data-toggle="tab">Input Field</a></li>
			<li class="active"><a href="#nino-globalEmailSettings" role="tab" data-toggle="tab">Email</a></li>
		</ul>
	</div>
	<div class="nino-otherSettingsContent nino-fieldSettings">
	
		<!-- Tab panes -->
		<div class="tab-content nino-hideScroll">
			<div class="tab-pane nino-viewport" id="nino-globalFormSettings">
				<h2 class="title">Form Settings</h2>
				<div class="nino-grid-layout-1">
					<div class="nino-grid-col">
						<div class="nino-formGroup">
							<label>Background Image</label>
							<div class="nino-input">
								<input type="text" placeholder="Url" />
							</div>
						</div>
					</div>
				</div>
				<div class="nino-grid-layout-2">
					<div class="nino-grid-col">
						<div class="nino-formGroup">
							<label>Background Color</label>
							<div class="nino-input nino-input-color">
								<input type="text" class="nino-input-color-box" />
								<div class="nino-input-color-display"></div>
							</div>
						</div>
					</div>
					<div class="nino-grid-col">
						<div class="nino-formGroup">
							<label>Border color</label>
							<div class="nino-input nino-input-color">
								<input type="text" class="nino-input-color-box" />
								<div class="nino-input-color-display"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="nino-grid-layout-2">
					<div class="nino-grid-col">
						<div class="nino-formGroup nino-slider-range">
							<label>Border width <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
							<div class="nino-input">
								<div class="nino-slider-range-max"></div>
							</div>
						</div>
					</div>
					<div class="nino-grid-col">
						<div class="nino-formGroup nino-slider-range">
							<label>Border radius <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
							<div class="nino-input">
								<div class="nino-slider-range-max"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="tab-pane nino-viewport" id="nino-globalFieldSettings">
				<h2 class="title">Input Field Settings</h2>
	
				<!-- Nav tabs -->
				<ul class="nav nav-tabs nav-justified" role="tablist">
					<li class="active"><a href="#nino-globalLabelSettings" role="tab" data-toggle="tab">Label</a></li>
					<li><a href="#nino-golbalInputSettings" role="tab" data-toggle="tab">Input</a></li>
				</ul>
				
				<!-- Tab panes -->
				<div class="tab-content">
					<div class="tab-pane active" id="nino-globalLabelSettings">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Label position</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-label-position" id="nino-label-position-1" value="nino-contact-form-pro-label-position-1">
												<label for="nino-label-position-1">
													<span>None</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-label-position" id="nino-label-position-2" value="nino-contact-form-pro-label-position-2">
												<label for="nino-label-position-2">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" checked="checked" name="nino-label-position" id="nino-label-position-3" value="nino-contact-form-pro-label-position-3">
												<label for="nino-label-position-3">
													<span>Top</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Fonts</label>
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Font size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane" id="nino-golbalInputSettings">
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Alignment</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-alignment" id="nino-input-alignment-1" value="nino-contact-form-pro-input-alignment-1">
												<label for="nino-input-alignment-1">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-alignment" id="nino-input-alignment-2" value="nino-contact-form-pro-input-alignment-2">
												<label for="nino-input-alignment-2">
													<span>Center</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" checked="checked" name="nino-input-alignment" id="nino-input-alignment-3" value="nino-contact-form-pro-input-alignment-3">
												<label for="nino-input-alignment-3">
													<span>Right</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input Size</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-3">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-size" id="nino-input-size-1" value="nino-contact-form-pro-input-size-1">
												<label for="nino-input-size-1">
													<span>Small</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-size" id="nino-input-size-2" value="nino-contact-form-pro-input-size-2">
												<label for="nino-input-size-2">
													<span>Medium</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" checked="checked" name="nino-input-size" id="nino-input-size-3" value="nino-contact-form-pro-input-size-3">
												<label for="nino-input-size-3">
													<span>Large</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input Text Color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box"></input>
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Input Background color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box"></input>
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-3">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Border color</label>
									<div class="nino-input nino-input-color">
										<input type="text" class="nino-input-color-box"></input>
										<div class="nino-input-color-display"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border width <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Border radius <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
									<div class="nino-input">
										<div class="nino-slider-range-max"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Icon position</label>
									<div class="nino-input radioHidden">
										<div class="nino-grid-layout-2">
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-icon-position" id="nino-input-icon-position-1" value="nino-contact-form-pro-input-icon-position-1">
												<label for="nino-input-icon-position-1">
													<span>Left</span>
												</label>
											</div>
											<div class="nino-grid-col">
												<input type="radio" name="nino-input-icon-position" id="nino-input-icon-position-2" value="nino-contact-form-pro-input-icon-position-2">
												<label for="nino-input-icon-position-2">
													<span>Right</span>
												</label>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="nino-grid-layout-2">
							<div class="nino-grid-col">
								<div class="nino-formGroup">
									<label>Fonts</label>
									<div class="nino-input nino-select-box-style">
										<select>
											<option>Option 1</option>
											<option>Option 2</option>
											<option>Option 3</option>
										</select>
										<i></i>
									</div>
								</div>
							</div>
							<div class="nino-grid-col">
								<div class="nino-formGroup nino-slider-range">
									<label>Font size <input type="text" class="nino-amount" readonly style="border:0; color:#f6931f; display: inline-block;"></label>
										<div class="nino-input">
											<div class="nino-slider-range-max"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="tab-pane active nino-viewport" id="nino-globalEmailSettings">
					<h2 class="title">Email Settings</h2>
					<div class="nino-grid-layout-1">
						<div class="nino-grid-col">
							<div class="nino-formGroup">
								<label>Email To</label>
								<div class="nino-input">
									<input type="text" value="salem.chinsu@gmail.com">
								</div>
							</div>
						</div>
						<div class="nino-grid-col">
							<div class="nino-formGroup">
								<label>Cc Recipients</label>
								<div class="nino-input">
									<input type="text">
								</div>
							</div>
						</div>
						<div class="nino-grid-col">
							<div class="nino-formGroup">
								<label>Bcc Recipients</label>
								<div class="nino-input">
									<input type="text">
								</div>
							</div>
						</div>
					</div>
					<div class="nino-grid-layout-2">
						<div class="nino-grid-col">
							<div class="nino-formGroup">
								<label>From Address</label>
								<div class="nino-input">
									<input type="text" value="salem.chinsu@gmail.com">
								</div>
							</div>
						</div>
						<div class="nino-grid-col">
							<div class="nino-formGroup">
								<label>From Name</label>
								<div class="nino-input">
									<input type="text" value="salem">
								</div>
							</div>
						</div>
					</div>
					<div class="nino-grid-layout-1">
						<div class="nino-grid-col">
							<div class="nino-formGroup">
								<label>Subject</label>
								<div class="nino-input">
									<input type="text" value="Contact form ninotheme.com">
								</div>
							</div>
						</div>
						<div class="nino-grid-col">
							<div class="nino-formGroup">
								<label>Message Body</label>
								<div class="nino-input">
									<textarea rows="6"></textarea>
								</div>
							</div>
						</div>
						<div class="nino-grid-col">
							<div class="nino-formGroup">								
								<div class="nino-input">
									<label><input type="checkbox" checked> Use HTML content type</label>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>